<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录界面</title>
<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" href="../lib/loginCss/reset.css" />
<link rel="stylesheet" href="../lib/loginCss/login.css" />
<style type="text/css">
   a{
    float:right;
    margin-right:20px;
   }
</style>
</head>
<body>
<div class="page">
	<div class="loginwarrp">
		<div class="logo">用户登陆</div>
        <div class="login_form">
				<li class="login-item">
					<span>公司名称：</span>
					<input type="text" id="companyName" name="companyName" class="login_input" placeholder="请输入公司名称" >
                                        <span id="count-msg" class="error"></span>
				</li>
				<li class="login-item">
					<span>用户名：</span>
					<input type="text" id="username" name="UserName" class="login_input"  placeholder="请输入用户名/手机号">
                                        <span id="count-msg" class="error"></span>
				</li>
				<li class="login-item">
					<span>密　码：</span>
					<input type="password" id="password" name="password" class="login_input" placeholder="请输入密码">
                                        <span id="password-msg" class="error"></span>
				</li>
				<li class="login-item">
					<span>验证码：</span>
					<input type="text" id="verificationCode" name="password" class="login_input" placeholder="请输入微信验证码" style="width:200px;">
                                        <span id="password-msg" class="error"></span>
                                        <button class="btn btn-success radius" id="getVerificationCodeBtn">获取验证码</button>
				</li>
				<li class="login-sub">
					<input type="reset" name="Submit" value="登录" id="login"/>
                    <input type="reset" name="Reset" value="重置" id="reset"/>
				</li>                      
<!--            </form> -->
		</div>
	</div>
	
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">此账号还没有关联微信，请扫码关联</h4>
				</div>
				<div class="modal-body">
					 <img src="../img/relation.png" id="modalImg"/>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="../myJs/util.js"></script>
<script type="text/javascript" src="js/login.js"></script>
</body>
</html>